@import './variable.scss', './layout.scss', './util.scss', './component.scss';

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  word-wrap: break-word; // 解决长单词会溢出父元素
  -webkit-text-size-adjust: 100%; // 屏幕旋转字体大小保持一致
  -webkit-font-smoothing: antialiased; // 字体抗锯齿
  -webkit-overflow-scrolling: touch; // 让自定义滚动条拥有顺畅的滑动
  -webkit-tap-highlight-color: transparent; // 移动端点击不高亮
}

html,
body,
#app,
.van-config-provider {
  display: block;
  height: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: var(--font-size);
  background-color: var(--color-white);
  color: var(--color-basic);
  line-height: 1.5;

  ul {
    list-style: none;
  }

  a {
    color: var(--color-primary);
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }

  img {
    display: block;
    width: 100%;
    object-fit: cover;
  }

  input,
  textarea,
  button {
    font: inherit;
    line-height: inherit;
  }

  input {
    caret-color: var(--color-primary);
  }

  .van-button {
    min-width: 112px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0px 3px 12px 0px rgba(51, 62, 108, 0.78);
    border-radius: 5px;

    &--primary {
      background: linear-gradient(
        180deg,
        rgb(97, 105, 241),
        rgb(70, 124, 241) 93.174%
      );
    }
  }

  .van-nav-bar {
    z-index: 20;

    .van-nav-bar__content {
      z-index: 10;
    }

    &::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba($color: #7b92fa, $alpha: 1) url('/bg.png') no-repeat left
        top / 100%;
    }
  }
}
